<!DOCTYPE html>
<html>
<head>
  <style>
    #vis.vega-embed {
      width: 100%;
      display: flex;
    }

    #vis.vega-embed details,
    #vis.vega-embed details summary {
      position: relative;
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5.8.0"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
  <div id="vis"></div>
  <script>
    (function(vegaEmbed) {
      var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300, "strokeWidth": 0}, "axis": {"grid": false}}, "layer": [{"mark": {"type": "line"}, "encoding": {"color": {"field": "product_category", "legend": null, "scale": {"domain": ["headphones", "smartphone-covers", "usb-cables"], "range": ["#81c01e", "gray", "gray"]}, "type": "nominal"}, "opacity": {"condition": {"test": "datum.product_category == 'headphones'", "value": 1}, "value": 0.6}, "strokeWidth": {"condition": {"test": "datum.product_category == 'headphones'", "value": 4}, "value": 1}, "x": {"axis": {"title": null}, "field": "date", "type": "temporal"}, "y": {"field": "number_of_orders", "title": "Number of Orders", "type": "quantitative"}}}, {"mark": {"type": "text", "align": "left", "baseline": "middle", "dx": 10, "fontSize": 14}, "encoding": {"color": {"field": "product_category", "legend": null, "scale": {"domain": ["headphones", "smartphone-covers", "usb-cables"], "range": ["#81c01e", "gray", "gray"]}, "type": "nominal"}, "opacity": {"condition": {"test": "datum.product_category == 'headphones'", "value": 1}, "value": 0.6}, "text": {"field": "product_category", "type": "nominal"}, "x": {"aggregate": "max", "field": "date", "type": "temporal"}, "y": {"aggregate": {"argmax": "date"}, "field": "number_of_orders", "title": "Number of Orders", "type": "quantitative"}}}], "data": {"name": "data-e57ae6cec8b277c44db1904bf570733e"}, "height": 300, "width": 600, "$schema": "https://vega.github.io/schema/vega-lite/v5.8.0.json", "datasets": {"data-e57ae6cec8b277c44db1904bf570733e": [{"date": "2023-03-01T00:00:00", "product_category": "headphones", "number_of_orders": 14}, {"date": "2023-03-02T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-03T00:00:00", "product_category": "headphones", "number_of_orders": 18}, {"date": "2023-03-04T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-03-05T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-03-06T00:00:00", "product_category": "headphones", "number_of_orders": 24}, {"date": "2023-03-07T00:00:00", "product_category": "headphones", "number_of_orders": 23}, {"date": "2023-03-08T00:00:00", "product_category": "headphones", "number_of_orders": 15}, {"date": "2023-03-09T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-10T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-11T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-12T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-03-13T00:00:00", "product_category": "headphones", "number_of_orders": 34}, {"date": "2023-03-14T00:00:00", "product_category": "headphones", "number_of_orders": 23}, {"date": "2023-03-15T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-16T00:00:00", "product_category": "headphones", "number_of_orders": 13}, {"date": "2023-03-17T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-03-18T00:00:00", "product_category": "headphones", "number_of_orders": 26}, {"date": "2023-03-19T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-20T00:00:00", "product_category": "headphones", "number_of_orders": 23}, {"date": "2023-03-21T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-22T00:00:00", "product_category": "headphones", "number_of_orders": 14}, {"date": "2023-03-23T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-03-24T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-25T00:00:00", "product_category": "headphones", "number_of_orders": 84}, {"date": "2023-03-26T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-27T00:00:00", "product_category": "headphones", "number_of_orders": 32}, {"date": "2023-03-28T00:00:00", "product_category": "headphones", "number_of_orders": 21}, {"date": "2023-03-29T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-03-30T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-03-31T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-03-01T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-03-02T00:00:00", "product_category": "usb-cables", "number_of_orders": 54}, {"date": "2023-03-03T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-03-04T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-05T00:00:00", "product_category": "usb-cables", "number_of_orders": 43}, {"date": "2023-03-06T00:00:00", "product_category": "usb-cables", "number_of_orders": 56}, {"date": "2023-03-07T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-03-08T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-09T00:00:00", "product_category": "usb-cables", "number_of_orders": 67}, {"date": "2023-03-10T00:00:00", "product_category": "usb-cables", "number_of_orders": 56}, {"date": "2023-03-11T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-03-12T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-03-13T00:00:00", "product_category": "usb-cables", "number_of_orders": 78}, {"date": "2023-03-14T00:00:00", "product_category": "usb-cables", "number_of_orders": 65}, {"date": "2023-03-15T00:00:00", "product_category": "usb-cables", "number_of_orders": 35}, {"date": "2023-03-16T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-17T00:00:00", "product_category": "usb-cables", "number_of_orders": 12}, {"date": "2023-03-18T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-19T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-03-20T00:00:00", "product_category": "usb-cables", "number_of_orders": 67}, {"date": "2023-03-21T00:00:00", "product_category": "usb-cables", "number_of_orders": 78}, {"date": "2023-03-22T00:00:00", "product_category": "usb-cables", "number_of_orders": 7}, {"date": "2023-03-23T00:00:00", "product_category": "usb-cables", "number_of_orders": 7}, {"date": "2023-03-24T00:00:00", "product_category": "usb-cables", "number_of_orders": 8}, {"date": "2023-03-25T00:00:00", "product_category": "usb-cables", "number_of_orders": 8}, {"date": "2023-03-26T00:00:00", "product_category": "usb-cables", "number_of_orders": 15}, {"date": "2023-03-27T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-28T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-03-29T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-30T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-03-31T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-03-01T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 32}, {"date": "2023-03-02T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-03T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 12}, {"date": "2023-03-04T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 34}, {"date": "2023-03-05T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 56}, {"date": "2023-03-06T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 76}, {"date": "2023-03-07T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-08T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 34}, {"date": "2023-03-09T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 23}, {"date": "2023-03-10T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-11T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 6}, {"date": "2023-03-12T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 78}, {"date": "2023-03-13T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 65}, {"date": "2023-03-14T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-15T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 34}, {"date": "2023-03-16T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 23}, {"date": "2023-03-17T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-18T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-19T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 67}, {"date": "2023-03-20T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 89}, {"date": "2023-03-21T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 76}, {"date": "2023-03-22T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 54}, {"date": "2023-03-23T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 56}, {"date": "2023-03-24T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 45}, {"date": "2023-03-25T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 32}, {"date": "2023-03-26T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 23}, {"date": "2023-03-27T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 12}, {"date": "2023-03-28T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 21}, {"date": "2023-03-29T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 34}, {"date": "2023-03-30T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 34}, {"date": "2023-03-31T00:00:00", "product_category": "smartphone-covers", "number_of_orders": 5}]}};
      var embedOpt = {"mode": "vega-lite"};

      function showError(el, error){
          el.innerHTML = ('<div style="color:red;">'
                          + '<p>JavaScript Error: ' + error.message + '</p>'
                          + "<p>This usually means there's a typo in your chart specification. "
                          + "See the javascript console for the full traceback.</p>"
                          + '</div>');
          throw error;
      }
      const el = document.getElementById('vis');
      vegaEmbed("#vis", spec, embedOpt)
        .catch(error => showError(el, error));
    })(vegaEmbed);

  </script>
</body>
</html>